/*
 * @Author: Jhinwins 
 * @Date: 2018-03-15 18:55:33 
 * @Last Modified by: Jhinwins
 * @Last Modified time: 2018-04-13 10:46:21
 */
import React, { Component } from "react";
import Index from "./scenes/Index";
import ColumnPage from "./scenes/ColumnPage";
import DetailPage from "./scenes/DetailPage";
import LoginPage from "./scenes/LoginPage";
import RegistPage from "./scenes/RegistPage";
import CartPage from "./scenes/CartPage";
import OrderPage from "./scenes/OrderPage";
import { Route, Switch } from "react-router-dom";
import Header from "./components/Header";
import Footer from "./components/Footer";
import { BackTop, Row, Col } from "antd";

class Retailers extends Component {
  componentWillMount(){
    console.log("index")
  }
  render() {
    return (
      <div style={{ background: "#EFF2F7" }}>
        <Header />
        <Row type="flex" justify="center">
          <Col span={22}>
            <Switch>
              <Route path="/retailers" exact component={Index} />
              <Route path="/retailers/column" component={ColumnPage} />
              <Route path="/retailers/detail" component={DetailPage} />
              <Route path="/retailers/login" component={LoginPage} />
              <Route path="/retailers/regist" component={RegistPage} />
              <Route path="/retailers/cart" component={CartPage} />
              <Route path="/retailers/order" component={OrderPage} />
            </Switch>
          </Col>
        </Row>
        <Footer />
        <BackTop />
      </div>
    );
  }
}

export default Retailers;
